<template>
  <div class="wh-full flex flex-col box-border">
    <app-header></app-header>
    <main class="flex-1 flex overflow-hidden">
      <app-navigation :menus="menus"></app-navigation>
      <app-body class="overflow-hidden">
        <slot></slot>
      </app-body>
    </main>
  </div>
</template>
<script setup lang="ts">
import AppHeader from "./header/app-header.vue";
import AppNavigation from "./navigation/app-navigation.vue";
import AppBody from "./body/app-body.vue";
import { usePermissionStore } from "@/store";

const { menus, permissions } = usePermissionStore();
console.log(menus);
</script>

<style lang="scss"></style>
